<template>

    <div class="box">
        <div class="top">
            <van-search v-model="value" show-action label="豆瓣" placeholder="请输入搜索关键词" @search="onSearch">
                <template #action>
                    <div @click="onClickButton" style="background-color: green;border-radius: 20px; color: white;">打开APP
                    </div>
                </template>
            </van-search>
        </div>
        <div class="content">
            <h3>
                找电影
            </h3>
          <a href="/detailA">
             <van-card num="2" price="2.00" desc="描述信息" title="商品标题" @click="idA"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
                <template #tags>
                    <van-tag plain type="primary">标签</van-tag>
                    <van-tag plain type="primary">标签</van-tag>
                </template>
                <template #footer>
                    <van-button size="mini">按钮</van-button>
                    <van-button size="mini">按钮</van-button>
                </template>
            </van-card></a> 
            <a href="/detailB">
             <van-card num="2" price="2.00" desc="描述信息" title="商品标题" @click="idA"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
                <template #tags>
                    <van-tag plain type="primary">标签</van-tag>
                    <van-tag plain type="primary">标签</van-tag>
                </template>
                <template #footer>
                    <van-button size="mini">按钮</van-button>
                    <van-button size="mini">按钮</van-button>
                </template>
            </van-card></a> 
            <a href="/detailA">
             <van-card num="2" price="2.00" desc="描述信息" title="商品标题" @click="idA"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
                <template #tags>
                    <van-tag plain type="primary">标签</van-tag>
                    <van-tag plain type="primary">标签</van-tag>
                </template>
                <template #footer>
                    <van-button size="mini">按钮</van-button>
                    <van-button size="mini">按钮</van-button>
                </template>
            </van-card></a> 
            <a href="/detailB">
             <van-card num="2" price="2.00" desc="描述信息" title="商品标题" @click="idA"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
                <template #tags>
                    <van-tag plain type="primary">标签</van-tag>
                    <van-tag plain type="primary">标签</van-tag>
                </template>
                <template #footer>
                    <van-button size="mini">按钮</van-button>
                    <van-button size="mini">按钮</van-button>
                </template>
            </van-card></a> 
        </div>
        <van-pagination v-model="currentPage" :total-items="24" :items-per-page="5" />
    </div>
</template>
<script setup>
// const idA=()=>{
//     location.href('/detailA')   
//     //  router.push('/detailA')
// }

</script>
<style></style>